<template>
  <div id="app" :style="'height:'+ fullHeight + 'px;'">
    <router-view/>
  </div>
</template>
<script>
  export default {
    name:'App',
    data(){
      return {
        fullHeight:document.documentElement.clientHeight
      }
    },
    mounted(){
      const that = this
      window.onresize = ()=>{
        return (()=>{
          window.fullHeight = document.documentElement.clientHeight
          that.fullHeight = window.fullHeight
        })()
      }
    },
  }
</script>
<style lang="less">
  body{
    margin: 0;
    padding: 0;
  }
  .el-header{
    background: #204051 ;
  }
  .el-container{
    .el-aside{
      border-top: 2px solid #3B6978;
      text-align: center;
      background-color: #204051;
      .el-menu-item{
        width: 200px;
        span{
          font-size: 16px;
          font-weight: bold;
        }
      }
    }
    .el-main{
      .el-menu-demo{
        height: 40px;
        .el-menu-item{
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          font-weight: bold;
        }
      }
    }
  }
</style>
